@media (min-width: 769px) {
    .index1 ul li a:hover .conts{opacity: 1;-webkit-transform: scale(1);
        transform: scale(1);}
    .index2 .cont a:hover{opacity: 0.9}
    .banner .font18 a:hover{background: #154697;color: #fff;}
    .index2 .cont a:hover{opacity: 0.8}
    .index3 #indexNews a:hover .imgs .cont,.index4 a:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
    #indexNews a:hover .text-left,.index4 a:hover .font45{color: #154697;}
    .sidebar_box li:hover{ background-color: rgba(21,70,151,0.7);}
    #about1 .swiper-slide:hover .cont1{opacity: 1;}
    #about1 .swiper-slide:hover .cont .contName{display: none}
    .head .navbar-center ul li a:hover {border-bottom: 2px solid #18469c;}
    .partners ul li a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
    .partners ul li a:hover p{color: #154697}
    .announcement li a:hover .font16,.announcement li a:hover  .time{color:  #154697;}
    .announcement li a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
    .pages a:hover{background: #11439a;color: #fff;}
    .recruiting2 li a:hover .font70,.recruiting2 li a:hover .cont .font26{color: #103b86;}
    .recruiting2 .email a:hover{background: rgba(16,59,134,0.8)}
    .recruiting1 li:hover .imgs img{-webkit-transform: scale(1.1);transform: scale(1.1);}
    #news a:hover{background: rgba(16,59,134,0.8)}
    .chao_A a:hover{color:  #154697}
    .chao_A a:hover span{background: #154697;
        color: #fff;}


}
@media (min-width: 1200px){

}
@media (min-width: 1400px) {
    .container{width: 1240px;}
}
@media (min-width: 1600px) {
	.container{width: 1440px;}


}

@media (max-width: 1600px) {
    #section4 ul li{height: 240px}
    #section5 .conts .swiper-slide{  height:383px}
    .recruiting2 li:nth-child(1) a,.recruiting2 li:nth-child(2) a{height: 205px;}
    .recruiting2 li:nth-child(3) a,.recruiting2 li:nth-child(4) a{height: 275px;}
    .recruiting2 li:nth-child(5) a,.recruiting2 li:nth-child(6) a{height: 205px;}
}
@media (max-width: 1500px){
    #banner{height: 850px}
}
@media (max-width: 1400px) {
    #banner{height: 800px}
    .index4{height: 450px}
    .recruiting2 li a .font70{width: 100px;}
    .recruiting2 li a .cont {width: calc(100% - 100px);width: -webkit-calc(100% - 100px);}

}
@media (max-width: 1332px){

}
@media (max-width: 1314px){
    .footer .foot4 {
        width: 210px;
    }
    .footer .foot3 {
        width: calc(50% - 210px);
        width: -webkit-calc(50% - 210px);
    }
    .head .navbar-center ul li a{margin: 0 15px;}
}
@media (max-width: 1200px){
    .head .navbar-center ul li a{margin: 0 10px}
    #banner{height: 700px}
    .index2 .cont{margin: 12rem 0}
    .index2 .cont a img{width: 46px}
    .index4{height: 400px}
    .footer .foot1{width: 120px}
    .footer .foot2 {
        width: calc(50% - 120px);
        width: -webkit-calc(50% - 120px);
    }
    .footer .foot3 {
        width: calc(50% - 200px);
        width: -webkit-calc(50% - 200px);
    }
    .footer .foot4{width: 200px}
    #section4 ul li{height: 180px}
    #section4 ul li .right p{height: 83px}
    #section5 .conts .swiper-slide{height: 330px;padding: 15px 10px}
    .partners ul li a{height: 140px;line-height: 140px}
    .recruiting1 li{width: 230px}
    .recruiting2 li:nth-child(1) a,.recruiting2 li:nth-child(2) a{height: 222px;}
    .recruiting2 li:nth-child(3) a,.recruiting2 li:nth-child(4) a{height: 340px;}
    .recruiting2 li:nth-child(5) a,.recruiting2 li:nth-child(6) a{height: 225px;}
    .brand1{height: 460px}
    .gallery-top .cont{height: 340px}
    .head .navbar-center ul li a{margin: 0 10px;}


}
@media (max-width: 997px){
#indexNews .font20{height: 44px}
#indexNews .font16{height: 41px}
}
@media (max-width: 992px) {
    .ico{display: block}
    .head .navbar-center{position: absolute;width: 100%;left: 0;background: rgba(0,0,0,0.4);top: 80px;display: none}
    .head .navbar-center ul li{display: block;line-height: 40px;text-align: left;padding-left: 20px}
    .head .navbar-right{margin-right: 40px;}
    #banner{height: 650px}
    .index1 ul li{width: 50%}
    #indexNews .swiper-pagination{display: block;bottom: 0}
    #indexNews{padding-bottom: 20px}
    .footer li{width: 50% !important;margin-bottom: 10px}
    .footer .foot4{text-align: left}
    #about1 .swiper-pagination{display: block}
    .head.headAll .navbar-center{background: rgba(255,255,255,0.8)}
    .bannerAll ul li a{padding: 10px 30px}
    #section5 .conts .swiper-slide{height: 300px}
    .partners ul li a{height: 100px;line-height: 100px}
    .contact .cont{height: 180px;margin-top: 3rem}
    .recruiting1 li:nth-child(even){display: none }
    .recruiting1 li{padding: 0 10px}
    .recruiting2 li{width: 100%;}
    .recruiting2 li a{height: auto !important;}
    .recruiting2 li a .font70{font-size: 34px}
    .score{position: initial}
    .brand1{height: 400px}
    #news .imgs{height: 130px;margin-bottom: 1rem}
    .newsDetaile p,.newsDetaile .names .sp1{font-size: 14px;}
    .footer2 span{display: block;float: none !important;text-align: center}
    .footer.footer_2 .foot3{text-align: left}

    #section2 .cont .font36 span{width: 80px;height: 80px;line-height: 80px;}
    #about:before{top: 40px}
    #section2 .cont i{margin: 8px auto}
    .zy{    position: absolute;
        right: 174px;top: 0}
}
@media (max-width: 768px){

}
@media (max-width: 767px){
    .head .navbar-right{display: none}
    #banner{height: 550px}
    .banner .font18 a{font-size: 12px;padding: 8px 18px;}
    .banner .font18 a img{width: 18px}
    .index1 ul li{height: 300px;}
    .index2 .cont{margin: 8rem 0}
    .index2 .cont a img{width: 36px}
    .maohao{width: 35px}
    .index2 .cont .font48{margin-bottom: 1rem}
    .index2 .cont a{margin: 1.5rem 0 1rem;}
    .index3 {padding: 3rem 0;}
    .index3 .title{margin-bottom: 2rem}
    #indexNews .font20{height: 21px;}
    .index4{height: auto}
    .index4 .left, .index4 .right{width: 100%;float: none}
    .index4 a{padding: 8rem 0}
    .index4 a .middleCont{padding: 0 5%}
    .index4 .cont{display: block}
    .footer li{width: 100% !important;float: none;text-align: center;margin-bottom: 2rem}
    .footer .foot4,.footer .foot4 .cont{text-align: center}
    .footer{padding: 3rem 0 2rem}
    .head .navbar-left a{display: inline-block}
    .head .navbar-left a img{height: 40px}
    .index4 img{width: 30px}
    .bannerAll{padding: 5rem 0}
    .bannerAll ul li{margin-bottom: 10px}
    .aboutsss{padding: 3rem 0}
    #section4 ul li{width: 100%;margin-bottom: 15px}
    #section4 ul li:nth-child(even){margin-left: 0}
    #section5 .conts .swiper-slide,#section5 .conts .swiper-slide p{height:auto}
    #section2 .cont{height: 180px}
    .partners ul li a{height: 80px;line-height: 80px}
    .headAll{height: 60px}
    .head.headAll .navbar-left a img{margin-bottom: 16px}
    .headAll .ico{right: 15px;top: 17px}
    .head.headAll .navbar-center{top: 60px}
    .contact .row .col-md-4{margin-bottom: 2rem}
    .contact{padding: 3rem 0}
    .head .navbar-center ul li{padding-left: 5px}
    .bannerAll ul li a {padding: 6px 20px;}
    .pages a{width: 36px;height: 36px;line-height: 36px}
    .recruiting1 li{width: 100%}
    .recruiting1 li p{height: auto;margin-bottom: 20px}
    .recruiting2 li a .font70{width: 70px}
    .recruiting2 li a .cont {width: calc(100% - 70px);width: -webkit-calc(100% - 70px);}
    .recruiting1 li .imgs{width: 100px;height: 100px;line-height: 100px;}
    .recruiting1 li .imgs img{height: 40px}
    .recruiting2 .email a{padding: 13px 15px;}
    .recruiting2 li{padding: 0}
    .recruiting1{padding: 3rem 0 2rem}
    .recruiting2{padding: 3rem 0 1rem;}
    .recruiting2 .email {margin: 1rem 0 2rem;}
    .score ul{display: inline-block;width: 100%}
    .score li{width: 33.333%;float: left}
    .brand .text-center img{width: 150px}
    .brand1{height: 360px}
    .business li .cont{width: 100%;height: auto;float: none}
    .business li .cont1{height: 260px}
    .business li .cont.cont2{padding: 10px}
    .business{padding: 3rem 0 0}
    .business li .xian{height: 1px;width: 40px;margin: 5px 0 8px;}
    #news .swiper-pagination{display: block}
    #news .imgs{height: 180px}
    .chao_A .right,.chao_A .left{
        float: none;width: 100%;text-align: left;
    }
    .chao_A .right span{float: right;}
    .chao_A .right .span1{margin-left: 0;margin-right: 10px}
    .chao_A a .span1{padding: 6px 12px;width: 66px}
    .chao_A a .span2 {
        width: calc(100% - 76px);
        width: -webkit-calc(100% - 76px);
    }
    .chao_A{padding: 15px}
    .footer2 {
        margin-top: 0rem;
        padding-top: 2rem;}
    .footer.footer_2  .foot3{text-align: center}
    .newsDetaile,.newsDe{padding: 3rem 0}
    .bannerAll ul {
        margin-top: 1rem;
    }
    .bannerAll ul li:first-child a{border-top-left-radius:14px;}
    .bannerAll ul li:last-child a{border-bottom-right-radius: 14px;}

    .zy{right: 80px;}
    .headAll .zy{line-height: 68px;}
}
@media (max-width: 730px){
    .contact .cont{height: auto}
    .contact .cont div{width: 100%;margin-top: 15px;height: 220px}

}
@media (max-width: 680px){
    #section2 .cont .right, #section2 .cont .left{width: 100%}
    #section2 .cont{height: auto}
    #section2 .cont .left{height: 150px}
    .announcement li{padding:2.2rem 1rem 1rem}
    .announcement li img{top: 14px}
    .announcement .font16{width: 100%;float: none;padding-left: 22px}
    .announcement li{line-height: 1em}
    .announcement .time{position: absolute;top: 12px;right: 15px}
    .announcement .time img{width: 15px;;margin-bottom: 0}
    .pages a{margin-left: 2px;margin-bottom: 10px}
    .announcement {padding: 3rem 0;}
    .pages{margin-bottom: 0}
    .gallery-top .cont{height: auto}
    .gallery-top .cont .left{height: 300px ;width: 100%;float: none }
    .gallery-top .cont .right{height: auto;width: 100%;float: none}
    #news .imgs{height: 160px}

}
@media (max-width:600px){
    .partners ul li a{height: 80px;line-height: 80px}
    .partners ul li{padding: 10px}


}
@media (max-width:550px){
    .index1 ul li{height: 300px;width: 100%}
    .partners ul li{    width: calc(25% - 10px);
        width: -webkit-calc(25% - 10px);margin-left: 11.111px}
    .partners ul li:nth-child(5n + 1){margin-left: 11.111px}
    .partners ul li:nth-child(4n + 1){margin-left: 0px}
    #news .imgs{height: 140px}
        #section2 .cont .font36 span{width: 70px;height: 70px;line-height: 70px;}
        #about:before{top: 35px;}
    }
@media (max-width: 460px){
    .maohao {
        width: 25px;
    }
    #banner{height: 390px}
    .banner .font56{margin-bottom: 1.5rem}
    .banner .font18 a{padding: 4px 10px;}
    .footer p{font-size: 12px}
    .footer li{margin-bottom: 1.5rem}
    .footer .foot2 p, .footer .foot3 p{margin-bottom: 3px}
    #section4 ul li .left{height: 200px}
    #section4 ul li .left,#section4 ul li .right{width: 100%;float: none;padding: 0}
    #section4 ul li,#section5 .conts .swiper-slide{height: auto}
    .contact .cont div{height: 150px}
    .contact .cont{margin-top: 1.5rem}
    .brand1{height: 200px}
    .business li .cont1{height: 200px}
    #news .imgs{height: 200px}

}
@media (max-width: 440px){
    .partners ul li{    width: calc(33.333% - 10px);
        width: -webkit-calc(33.333% - 10px);margin-left: 11.111px}
    .partners ul li:nth-child(5n + 1){margin-left: 11.111px}
    .partners ul li:nth-child(4n + 1){margin-left: 11.111px}
    .partners ul li:nth-child(3n + 1){margin-left: 0}
}
@media (max-width: 400px){
    .score li{width: 50%;float: left}


}